@use "@/assets/styles/mixin";

.date-filter{
 width: 521px;
  .title{
    padding: 12px 12px 0;
    margin-bottom: 8px;
    font-size: 14px;
    color: #4E5969;
    line-height: 22px;
  }
  .date-change{
    @include mixin.flex-align;
    padding: 0 12px 12px;
    :deep(.el-select){
      width: 175px;
      margin-right: 10px;
    }
    :deep(.el-date-editor){
      flex:1
    }

    // 选中背景
    :deep(.el-date-table td.current:not(.disabled) .el-date-table-cell__text),
    :deep(.el-date-table td.start-date .el-date-table-cell__text),
    :deep(.el-date-table td.end-date .el-date-table-cell__text) {
      color: #fff;
      border-radius: 0;
      background-color: #007DFF;
    }

    //范围选中背景
  :deep(.el-date-table td.in-range .el-date-table-cell){
    background-color: #E1EDFE;
  }
    // 范围选中start end日期 border
    :deep(.el-date-table td.start-date .el-date-table-cell){
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }

    :deep(.el-date-table td.end-date .el-date-table-cell){
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

    :deep(.el-date-table td .el-date-table-cell){
      height: 24px;
      padding: 0;
    }

  }
  &__buttons{
    @include mixin.flex-align;
    padding:5px 12px;
    border-top:1px solid #D7D8E0;
    :deep(.el-button){
      width: 246px;
      height: 28px;
    }
    .buttons-cancel{
      border: 0;
    }
    .buttons-confirm{
      margin-left: 0;
    }
  }
}

:deep(.el-input__wrapper),
:deep(.el-select__wrapper){
  box-shadow: none;
  background-color: #f2f3f5 !important;
}

